.s-row {
  box-sizing: border-box;

  &__wrap {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    height: 100%;
  }

  &--vertical {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  &--vertical &__wrap {
    flex-direction: column;
    flex-grow: 1;
    flex-wrap: nowrap;
    height: 0;
  }

  &--justify-start &__wrap {
    justify-content: flex-start;
  }

  &--justify-center &__wrap {
    justify-content: center;
  }

  &--justify-end &__wrap {
    justify-content: flex-end;
  }

  &--justify-space-between &__wrap {
    justify-content: space-between;
  }

  &--justify-space-around &__wrap {
    justify-content: space-around;
  }

  &--justify-space-evenly &__wrap {
    justify-content: space-evenly;
  }

  &--align-stretch &__wrap {
    align-items: stretch;
  }

  &--align-start &__wrap {
    align-items: flex-start;
  }

  &--align-center &__wrap {
    align-items: center;
  }

  &--align-end &__wrap {
    align-items: flex-end;
  }
}